
var vm = new Vue({
    el: "#map",
   data: {
        map: null,
        view:null,
        token:"",
        QueryTask:null
    },
    created: function () {
        console.log("this is created");
        require([
            "esri/identity/IdentityManager",
            "esri/Map",
            "esri/geometry/SpatialReference",
            "esri/layers/TileLayer",
            "esri/layers/FeatureLayer",
            "esri/layers/SceneLayer",
            "esri/layers/MapImageLayer",
            "esri/tasks/QueryTask",
            "esri/tasks/support/Query",
            "esri/Graphic",
            "esri/symbols/SimpleFillSymbol",
            "esri/PopupTemplate",
            "esri/Camera",
            "esri/widgets/Zoom",
            "esri/core/urlUtils",
            "utils/SHCTiledMapServiceLayer",
            "utils/SHCMapServiceLayer",


            "esri/views/SceneView",
            "esri/geometry/Extent",
            "dijit/form/RadioButton",
            "dijit/form/CheckBox",
            "dojo/ready"
        ], function (IdentityManager, Map, SpatialReference, TileLayer,FeatureLayer, SceneLayer, MapImageLayer,QueryTask,Query,Graphic,SimpleFillSymbol,PopupTemplate,Camera,Zoom, urlUtils,
                     SHCTiledMapServiceLayer, SHCMapServiceLayer,

                     SceneView, Extent, RadioButton, CheckBox, ready) {
            vm.QueryTask = QueryTask;
            vm.map = new Map();
            vm.map.ground.opacity = 0;
            var fullExtent = new Extent({
                "xmin": -65000,
                "ymin": -76000,
                "xmax": 75000,
                "ymax": 72000,
                "spatialReference": SpatialReference.WebMercator
            });

            var zhengwuBase = new TileLayer("http://10.89.5.191/OneMapServer/rest/services/zwdt_base/MapServer");
            var zhengwuAnse =   new TileLayer("http://10.89.5.191/OneMapServer/rest/services/shmw2_blueblack/MapServer");
            var guihua = new TileLayer("http://10.89.5.191/OneMapServer/rest/services/DLGMap2021/MapServer");

            vm.map.layers.add(zhengwuBase);
            vm.view = new SceneView({
                //  camera: cam,
                container: "map",
                map: vm.map,
                viewingMode: "local",
                zoom:2
            });


        });
    },
    methods:{
        myFunction:function(){

        }
    }
})
